body {
    margin:0px;
    padding:0px;
    color:#333;
    font-family: Arial, sans-serif;
    font-size:12px;
}
::selection { background:#77B5DA; }
::-moz-selection { background:#77B5DA; }

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color:#21688D;
}

select.select {
    position:relative;
    z-index:10;
    width:100% !important;
    height:23px !important;
    line-height:21px;
    cursor:pointer;
}
div.select{
    position:absolute;
    bottom:4px;
    left:5px;
    float:left;
    width:288px;
    height:23px;
    line-height:21px;
    background:url(/APE/Img/arrow.png) no-repeat right;
    cursor:pointer;
    z-index:1;
    overflow:hidden;
}

#content {
    width:900px;
    margin:auto;
    padding-top:200px;
    background:url(/APE/Img/header.png) no-repeat top center;
}
.wrapper { float:left; width:540px; }
.sideright { float:left; width:180px; }
.sideright a {
    display:block;
    margin:10px 0px 10px 30px;
}
.sideleft { float:left; width:180px; }
.sideleft a {
    color:#21688D;
    font-weight:bold;
    display:block;
    padding:5px 30px 5px 0px;
}
.sideleft a:hover { color:#42a9be; }
.sep_menu {
    margin:10px 30px 10px 0px;
    height:1px;
    background:#EEE;
}
.wrapper form {
    width:310px;
    margin:auto;
}
#bottom {
    padding:30px 100px;
    background:url(/APE/Img/usb.png) no-repeat center left;
    clear:both;
    color:#AAA;
}
#bottom div {
    height:50px;
}

.titulo_upas {
    color:#21688D;
    font-size:16px;
    font-weight:bold;
    padding-bottom:15px;
}
.titulo_text {
    border-bottom:solid 1px #CCC;
    padding-bottom:5px;
    display:block;
}
.subtitulo_upas {
    color:#666;
    font-size:11px;
    padding-bottom:20px;
    font-weight:bold;
}
.checkbox_upas {
    margin:10px 0px;
    font-family: Arial, sans-serif;
    font-size:11px;
    color:#777;
    padding:0px 5px;
    border-left:solid 3px #EEE;
}
.checkbox_upas_titulo {
    font-family: Arial, sans-serif;
    font-size:12px;
    color:#555;
}
.input_upas {
    background:#FFF;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    border:solid 3px #EEE;
    width:300px;
    margin:10px 0px;
}
.input_upas_inner {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:solid 1px #CCC;
    color:#999;
    position:relative;
}
.select_upas {
    padding:4px 5px;
}
.input_upas_inner_focus {
    border:solid 1px #77B5DA !important;
    color:#444;
}
.input_upas_inner table {
    width:100%;
}
.input_upas_inner table td {
    padding:3px 5px;
}
.titulo_input {
    min-width:20px;
    background:url(/APE/Img/space.png) right no-repeat;
}
.sep_select {
    width:30px;
    height:12px;
    background:url(/APE/Img/space.png) right no-repeat;
    display:inline-block;
}
.input_upas_inner table td input {
    width:100%;
    height:21px;
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
    font-family: Arial, sans-serif;
    font-size:12px;
    color:#777;
    background:none;
}
.input_upas_inner textarea {
    width:100%;
    height:150px;
    margin:0px;
    padding:2px;
    border:none;
    outline:none;
    font-family: Arial, sans-serif;
    font-size:12px;
    color:#777;
    background:none;
    resize:none;
}
.input_upas_inner input:focus, .input_upas_inner textarea:focus, .select_face:hover {
    color:#444;
}
.input_date {
    background:url(/APE/Img/input_date.png) no-repeat center right;
    padding-right:40px;
}
.input_ok {
    background:url(/APE/Img/input_ok.png) no-repeat center right;
    padding-right:40px;
}
.input_load {
	background:url(/APE/Img/load.gif) no-repeat center right;
	padding-right:40px;
}
.input_error {
    background:url(/APE/Img/input_error.png) no-repeat center right;
    padding-right:40px;
}
.submit_upas_wrapper {
    display:inline-block;
    border:solid 3px #EEE;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
}
.submit_upas, .button_upas {
    display: inline-block;
    margin:0px;
    padding:5px 17px;
    border:none;
    outline:none;
    font-family: Arial, sans-serif;
    font-size:12px;
    color:#FFF !important;
    background:#21688D;
    border:solid 1px #164964;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
}
.submit_upas:hover {
    background:#24729B;
}


.menu { 
    color:#21688D; 
    height:120px; 
    position:relative;
    background: transparent url(/APE/Img/header_bkg.png) repeat-x scroll top center;
}

.nav { 
    margin:0px; 
    padding:0px; 
    position:absolute; 
    top: 10px; 
    display:block;
}

.nav > li { 
    list-style-type:none; 
    float:left; 
    display:block; 
    margin:0px 10px; 
    position:relative; 
    padding:10px; 
    width:100px;
}

.nav > li:hover ul { 
    display:block; 
}

.nav > li:hover { 
    background-color:#F7F7F7; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
}

.nav li ul { 
    margin:0px; 
    padding:0px; 
    display:none;
}

.nav li ul li { 
    list-style-type:none; 
    margin:10px 0 0 0;
}

.nav li ul li a { 
    display:block; 
    padding:5px 10px; 
    color:#21688D; 
    text-decoration:none;
}

.nav li ul li:hover a { 
    color:#FFF; 
    background-color:#21688D;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;
}

.nav li span { 
    cursor:pointer; 
    margin:0px 10px; 
    font-weight:bold; 
}

.modal {
    display:none;
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:block;
    background: rgba( 255, 255, 255, .8 ) 
                url(/APE/Img/usb.gif) 
                50% 50% 
                no-repeat;
}

.back_etapas {
    display:none;
    position:fixed;
    z-index:50;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:block;
    background: rgba( 255, 255, 255, .8 );
}
.wrapper_etapas {
    margin:auto;
    margin-top:100px;
    width:800px;
    padding:15px 0px 30px 0px;
    background:white;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    border:#77B5DA solid 1px;
    box-shadow:0px 0px 20px #CCC;
}
.padding_etapas {
    padding:0px 30px;
}
.titulo_tabla {
    color:#21688D;
    font-size:14px;
    font-weight:bold;
}
.rowEtapa1, .rowEtapa2, .rowEtapa3, .rowEtapa5 {
    padding:10px 0px;
}
.padding_etapas input {
    padding:3px 0px;
    border:none;
    outline:none;
    color:#AAA;
    font-family: Arial, sans-serif;
    font-size:12px;
}
.padding_etapas input:focus {
    color:#444;
}
.rowEtapa1 { width:300px; }
.rowEtapa1 > input { width:270px; border-left:#21688D solid 2px; padding-left:10px; }
.rowEtapa2, .rowEtapa3 { width:200px; }
.rowEtapa2 > input, .rowEtapa3 > input { width:190px; }
.rowEtapa4, .rowEtapa5 { width:20px; }
.rowEtapa4 > span {
    width:20px;
    height:20px;
    background:red;
    display:block;
    cursor:pointer;
    background:url(/APE/Img/input_error.png) center;
}
.rowEtapa5 > span {
    width:20px;
    height:20px;
    background:red;
    display:block;
    cursor:pointer;
    background:url(/APE/Img/move.png) center;
}
.duplicate {
    height: 400px;
    overflow:scroll;
}
.duplicate div {
    border-bottom:solid 1px #DDD;
    background:white;
}
.sombra_drag {
    box-shadow:0px 0px 20px #CCC;
}

/* jQuery Datepicker */
#ui-datepicker-div { z-index:100 !important; }
.ui-datepicker { width:17em; display:none; border:solid 2px #EEE; background:#FFF; margin-top:4px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border:none !important; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:2px; background:url(/APE/Img/prev_mes.png) no-repeat center; }
.ui-datepicker .ui-datepicker-next { right:2px; background:url(/APE/Img/next_mes.png) no-repeat center; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin:.7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {background:#77B5DA; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:none !important; padding:6px 10px !important; float:right; cursor:pointer; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-state-default { border-bottom:solid 3px #FFF; cursor:pointer; }
.ui-state-hover { border-bottom:solid 3px #77B5DA; background:#F7F7F7; }